header{
    // height: 1.3333rem;
    // background-color:#f4483e;
    // padding: 5px;
    // text-align: center;
    // overflow: hidden;
  

h4{
    display: inline-block;
    text-align: center;
    font-size: .5333rem;
    font-weight: bolder;
    padding-left: .8rem;
    margin-top: .4rem;
    color: #fff;
}
.app{
    float: right;
    a{
        img{
            height: .9067rem;
        }
    }
}
}
.nav{
  
    // margin-top: .4rem;
 
    text-align: center;
    font-size: .3333rem;
    color:#333;
}



#propmpt{
    font-size: .32rem;
    color: #999;
    margin:8px 0;
    text-align: center;

}

.content{
    display: none;
    border-radius: 50%;
    position:absolute;
    top:0;
    left:2.88rem;
}
.left{
    background-image: linear-gradient(to bottom,#fff,#f4f4f4);
    border:1px solid #ccc;
    position: absolute;
    top:37.5%;
    left: -25px;
    display: block;
    width:20px;
    height: 80px;
    border-radius:25px ;
    text-align: center;
    line-height: 80px;
}   
.right{
    background-image: linear-gradient(to bottom,#fff,#f4f4fe);
    border: 1px solid #ccc;
    position: absolute;
    top:37.5%;
    right: -25px;
    display: block;
    width: 20px;
    height: 80px;
    border-radius: 25px;
    text-align: center;
    line-height: 80px;
}
.carousel>.li img{
    border-radius: 25px;
    width: 5.3333rem;
    height: 5.3333rem;
  }
  .cancel{
    width: 1.0667rem;
    height: 1.0667rem;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #fff, #f4f4f4);
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: -1.1733rem;
  }




#product{

    .info{
        li{
            padding:.2667rem 8px ;
            a{
                display: block;
                overflow: hidden;
                #img{  float: left;
                    
                    img{
                      
                        width: 2.6667rem;
                        height: 3.2rem ;
                        padding-right:.2667rem ;
                    }
                }
                 .infoR{
                     padding-left:2.4rem;
                     .title{
                         h4{
                             margin-bottom:.2667rem;
                            color:#333;
                            word-break: break-all;
                            font-size: .4rem;
                            line-height: .7467rem;
                            min-height: 1.52rem;
                            text-align: left;
                            font-weight: normal;
                         }
                     }
                     .other{
                         .price{
                             margin-left: 4.6667rem;
                             font-size: .48rem;
                         }
                         .mall{
                             margin-left:3.8667rem;
                             margin-top:.4rem;
                             font-size: .3733rem;
                             color:#ee7700
                         }
                     }
                 }


            }
        }
    }
}

.more{
    padding:.2667rem;
    a{
        text-decoration: none;
        display: block;
        font-size: .3467rem;
        line-height: .64rem;
    }
}

.dv{
    background-color: #1d6dff;
    margin-top:.266rem ;
    margin-bottom: 6px;
    h1{
        color: #fff;
        display: inline-block;
        font: bold .48rem/.9333rem "";
        padding-left: .2667rem;
    }
    img{
        float: right;
        margin-top: 6px;
        line-height: .9333rem;
        padding-right: .2667rem;
        padding-top: .2667rem;
        width: .5333rem;
        height: .5333rem;

    }
}


.login{
    .top{
        padding-right:.4rem ;
        padding-left: .4rem;
        margin-right: auto;
        margin-left: auto;
        .row{
            height: .96rem;
            margin-top:.2667rem;
            border-top: 1px solid #c4c4c4;
            border-bottom: 1px solid #c4c4c4;
            a{
                text-decoration: none;
                color:#1d6dff;
                float:left;
                width: 33%;
                display:block;
                height: .88rem;
                line-height: .88rem;
                text-align: center;
                font-size: .3733rem;
                box-sizing: .3733rem;
                border-right:1px solid #c4c4c4 ;
                border-left:1px solid #c4c4c4;
            }
        }
    }
    .down{
        text-align: center;
        padding: .2667rem;
        p{
            a,a:hover{
                color: #666;
                text-decoration: none;
            }
        }
    }
}